﻿/* Teledirect Singapore */


@font-face {
font-family:"HelveticaNeue-Black";
src: url("HelveticaNeue-Black.otf") format("otf");
font-weight:normal;
font-style:normal;

font-family:"HelveticaNeue-Light";
src: url("HelveticaNeue-Light.otf") format("otf");
font-weight:normal;
font-style:normal;
}

@font-face {
font-family: 'Conv_HelveticaNeue-Medium';
src: url('fonts/HelveticaNeue-Medium.eot');
src: local(''), url('fonts/HelveticaNeue-Medium.woff') format('woff'), url('fonts/HelveticaNeue-Medium.ttf') format('truetype'), url('fonts/HelveticaNeue-Medium.svg') format('svg');
font-weight: normal;
font-style: normal;
}




body {
background:black;
margin:0; padding: 0 15px 0 15px;
font-family: "HelveticaNeue-Medium", Helvetica,  Verdana, Geneva, sans-serif;
font-size:0.9em;
color:black;
}

ul, li {
margin:0; padding:0;
list-style: none;
}

h, h1, h2 {
padding:0; margin:0;
text-transform:uppercase;
}

h3 {
font-size:1.23em;
padding:4px 0 4px 0; margin:0;
}

h3 a {
text-decoration:none;
}

h3 a:hover {
text-decoration:underline;
}

a {
color: #039;
text-decoration:underline;
}
a:active {
color:red;
}

hr {
height:1px;
background:#CCC;
border-style:none;
}

#container {
margin:0 auto;
width:961px; height:auto;
background:white;
overflow:hidden;
}

#header {
width:100%; height:88px;
}


#body {
width:100%;
}

#body .col_left {
width:270px; height:auto;
float:left;
overflow:hidden;
}

#body .col_mid {
width:690px;
float:left;
}

#body .col_full {
width:900px;
float:left;
}

#footer {
width:100%; height:68px;
font-size:0.8em;
color:#333;
background:#e6e6e6 url(../images/bg/footer.png) repeat-x;
text-align:center;
}

#footer a {
text-decoration:underline;
color:#e3001a;
}

#footer a:hover {
text-decoration:none;
}


#footer_home {
width:100%; height:35px;
font-size:0.8em;
color:white;
background:#666666;
text-align:left;
padding-left:25px;
}

#footer_home a {
text-decoration:underline;
color:#e3001a;
}

#footer_home a:hover {
text-decoration:none;
}


.menu {
background:#edc541;
color:#333333;
width:235px;
font-size:1em;
font-weight:bold;
border-bottom:3px solid white;
}

.menu ul {
padding-top:15px;
overflow:hidden;
}

.menu ul li {
float:left;
width:235px;
overflow:hidden;
}

.menu ul li .select {
float:left;
overflow:hidden;
width:235px;
background:red;
color:white;
}

.menu ul li a {
padding:8px 0 0 35px;
min-height:27px;
display:block;

cursor:pointer;
text-decoration:none;
color:#333333;
}

.menu ul li a:hover {
background:red;
color:white;
}

.menu ul li a.home {
}



.tagline {
width:639px; height:83px;
background:url(../images/nav/tagline.png) no-repeat bottom left;
float:left;
}

.logo {
margin:0 auto;
padding:13px;
float:right;
}


.logo ul {
margin:0 auto;
overflow:hidden;
}

.logo ul li {
}

.logo ul li a {
margin:0 auto;
width:182px; height:69px;
display:block;
overflow:hidden;
cursor:pointer;
text-decoration:none;
text-indent:-1000em;
}

.logo ul li a.home {
margin:0 auto;
width:182px;
background:url(../images/nav/logo_teledirect.png) 0px 0 no-repeat;
text-indent:-1000em;
}


.heading {
background:#edc541;
width:100%; height:28px;
padding-top:4px;
padding-left:15px;
font-size:1.4em;
font-weight:bold;
}

.heading_home {
background:#666666;
width:445px; height:35px;
padding-top:7px;
padding-left:35px;
font-size:1.48em;
font-weight:bolder;
}

.full {
width:100%;
}

.bg_gold {
background:#feb700;
}
.bg_grey {
background:#f2f2f2;
}
.bg_grey_2 {
background:#f5f5f5;
}

.border_b_1_grey {
border-bottom:#d9d9d9 1px solid;
}

.border_t_1_grey {
border-top:#d9d9d9 1px solid;
}

.content {
width:565px;
line-height:20px;
}

.content_full {
width:890px;
}

.content_full_655 {
width:655px;
}

.content_half {
width:375px;
float:left;
line-height:20px;
}

.content_column {
float:left;
width:245px;
margin-left:35px;
}

.content ul {
padding:10px 0 10px 35px;
}

.content li {
list-style:square;
}

.content_half ul {
padding:10px 0 10px 35px;
}

.content_half li {
list-style:square;
}

.content_full ul {
padding:10px 0 10px 35px;
}

.content_full li {
list-style:square;
}



.seperator {
height:25px;
clear:both;
}

.seperator_5px {
height:5px;
clear:both;
}

.seperator_7px {
height:7px;
clear:both;
}

.seperator_10px {
height:10px;
clear:both;
}

.seperator_15px {
height:15px;
clear:both;
}




.left {
float:left;
clear:both;
}

.right {
float:right;
clear:both;
}

.clear {
clear:both;
}

.padding_5px {
padding:5px;
}
.padding_7px {
padding:7px;
}
.padding_10px {
padding:10px;
}
.padding_13px {
padding:13px;
}

.padding_lr_13px {
padding-left:13px;
padding-right:13px;
}

.padding_lr_20px {
padding-left:20px;
padding-right:20px;
}

.padding_lr_35px {
padding-left:35px;
padding-right:35px;
}

.padding_l_35px {
padding-left:35px;
}

.padding_tb_35px {
padding:35px 0 35px 0;
}

/* Scroll-to-top CSS */

#toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:10px;
right:10px;
overflow:hidden;
width:34px;
height:36px;
border:none;
text-indent:-999px;
background: url(../images/icon/totop.png) no-repeat left top;
}

#toTopHover {
background:url(../images/icon/totop.png) no-repeat left top;
width:34px;
height:36px;
display:block;
overflow:hidden;
float:left;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=10);
}

#toTop:active, #toTop:focus {
outline:none;
}
/* Scroll-to-top CSS */




#caption {
	display: none;
}

.opacity10 {
opacity:0.38;
}

.opacity20 {
opacity:2.5;
}

.white {
color:white;
}

.font_small {
font-size:0.8em;
}

.font_medium {
font-size:1.3em;
}

.font_large {
font-size:1.8em;
}

.font_1em {
font-size:1.7em;
color:#666;
}

.justify {
text-align:justify;
}

.icon_casestudy {
background:url(../images/icon/casestudy.png) top left no-repeat;
height:30px;
padding-left:38px;
}
.icon_casestudy .adj {
padding-top:5px;
}

.icon_careers {
background:url(../images/icon/careers.png) top left no-repeat;
height:30px;
padding-left:38px;
}
.icon_careers .adj {
padding-top:5px;
}


.award {
width:180px;
float:left;
padding:0 19px 0 19px;
text-align:center;
}

.color_grey {
color:#666;
}

.color_grey_2 {
color:#acacac;
}

.text_center {
text-align:center;
}

.quick_nav_container {
width:685px;
position:absolute;
}
.quick_nav_button {
width:15px;
float:left;
}
.quick_nav {
width:40px;
padding-top:8px;
}
.quick_nav a.next {
width:10px; height:15px;
background: url(../images/icon/arrow_next.png) no-repeat right;
}
.quick_nav a.prev {
width:10px; height:15px;
background: url(../images/icon/arrow_back.png) no-repeat left;
}
.quick_nav a.empty {
width:10px; height:15px;
}

.line_height_20px {
line-height:17px;
}

.color_red {
color:red;
}

.button {
width:200px;
padding:10px;
background:red;
margin:0 auto;
text-align:center;
color:White;
font-weight:bold
}

.button:hover{
width:200px;
padding:10px;
background:#edc541;
margin:0 auto;
text-align:center;
color:#333333;
font-weight:bold
}

.button a {
color:White;
text-decoration:none;
}

.button a:hover {
color:#333333;
}

.photogallery {
width:100%; height:auto;
background:#e1e1e1;
padding:25px;
text-align:center;
}

.photogallery img {
border:white 2px solid;
margin:10px 15px 10px 15px;
}